<template>
  <div class="banner">
    <banner-left />
    <Slider :data="indexData[0].components" />
  </div>
</template>

<script lang="ts" setup>
import Slider from '@/components/slider/index.vue'
import BannerLeft from './banner-left.vue'
import { mapState } from 'ssr-hoc-vue3'
import { IndexData } from '~/typings/data'
const indexData = mapState<IndexData>().indexStore.value.data
</script>

  <style lang="less" scoped>
  @import "./banner.less";
  </style>
